<!DOCTYPE html>
<html lang="zh-ch">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chorme=1">
<meta name="viewport" content="target-densitydpi=medium-dpi,width=device-width,height=device-height,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<title></title>
<link rel="stylesheet" href="css/swiper.css"/>
<link rel="stylesheet" href="css/fancybox.css"/>
<link rel="stylesheet" href="css/style.mobile.css"/>
<link rel="stylesheet" href="css/index.css"/>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/swiper.js"></script>
<script type="text/javascript" src="js/SuperSlide.js"></script>
<script type="text/javascript" src="js/change-html-fz.js"></script>
<script type="text/javascript" src="js/fancybox.js"></script>
<script type="text/javascript" src="js/simpler-sidebar.js"></script>
<script type="text/javascript" src="js/hSdrop.js"></script>
</head>
<body>

<div class="sidebar" id="dowebok">
	<div class="sidebar-wrapper" id="sidebar-wrapper">
		<ul class="nav">
			<li><a href="###">首页</a></li>
			<li><a href="###">资讯</a></li>
			<li><a href="###">品牌入驻</a></li>
			<li><a href="###">个人中心</a></li>
			<li><a href="###">我要代理</a></li>
			<li><a href="###">招商介绍</a></li>
			<li><a href="###">招商品牌展示</a></li>
		</ul>
	</div>
</div>
	
<div class="header">
	<div class="main clearfix">
		<div class="left"></div>
		<div class="center">
			<h2>个人资料</h2>
		</div>
		<div id="menu" class="menu"></div>
	</div>
</div>

<div class="top_emp1"></div>

<div class="chang_list">
	<form action="">
		<label class="clearfix">
			<span>新名称</span>
			<input type="text" name="name" class="text" placeholder="请输入账号名称">
		</label>
		<buttom>确认修改</buttom>
	</form>
</div>

<div class="chang_list">
	<form action="">
		<!-- 第一步 -->
		<label class="clearfix">
			<span>新手机号</span>
			<input type="text" name="name" class="text" placeholder="请输入手机号">
		</label>
		<buttom>下一步</buttom>
		
		<!-- 第二步 -->
		<label class="clearfix">
			<span>校验码</span>
			<input type="text" name="name" class="text verifiy" placeholder="短信校验码">|<button class="verify">重发校验码</button>
			
			<!-- n秒后重发 -->
			
		</label>
		<buttom>下一步</buttom>
	</form>
</div>

<div class="chang_list">
	<form action="">
		<label class="clearfix">
			<span>新名称</span>
			<input type="text" name="name" class="text" placeholder="请输入账号名称">
		</label>
		<buttom>确认修改</buttom>
	</form>
</div>



<div id="time"><i></i></div>

<div class="tab">
	<div class="clearfix">
		<div class="col-5 on"><a href="###">首页</a></div>
		<div class="col-5"><a href="###">品牌入驻</a></div>
		<div class="col-5"><a href="###">我要代理</a></div>
		<div class="col-5"><a href="###">资讯</a></div>
		<div class="col-5"><a href="###">我的</a></div>
	</div>
</div>
<script src="js/count.js"></script>
<script type="text/javascript">
	
	var time = 60;
	function getRandomCode(){
	   if (time === 0) { 
	       time = 60;
		   	$('.verify').text('重发校验码').removeClass('on');
	       return;
	   } else { 
	       time--;
		   $('.verify').text(time+'秒后重发').addClass('on');
	   } 
	   setTimeout(function() { 
	       getRandomCode();
	   });
	};
	
	$('button.verify').on('click',function(e){
		e.preventDefault();
		// 发送短信
		
		//倒计时
		getRandomCode();
		
		// let n=60;
		// $(this).text(n+'秒后重发').addClass('on');
		// function miao(){
		// 	n--;
		// 	console.log(n);
		// 	return n;
		// };
		// setInterval(miao(),1000);
		// setTimeout(()=>{
		// 	$(this).text('重发校验码').removeClass('on');
		// },5000);
		
	});
</script>
<script type="text/javascript" src="js/index.js"></script>
</body>
</html>
